<!--
  Generated template for the ProductPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary">
    <ion-title>商品</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="popover($event)">
        <ion-icon name="more"> </ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
    <ion-searchbar (ionInput)="search($event)"></ion-searchbar>

  <div class="empty" *ngIf="productlistCopy == null || productlistCopy.length == 0">
    空空如也
  </div>

  <ion-grid>
    <ion-row>
      <ion-col text-center tappable  col-50 *ngFor="let product of productlistCopy" (click)="productdetail(product.product_id)" >
        <img class="product_image" [src]="getImageUrl(product.image_url)" *ngIf="product.image_url!=null"  >
        <img class="product_image" src="http://www.elss.com.cn/images/pic.jpg" *ngIf="product.image_url==null"  >
        <p class="product_image_title">{{product.title}}</p>
        <p class="product_image_price">￥{{product.price}}</p>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
